<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Классик Театр-Cтудия</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--<script src="js/bootstrap.min.js"></script>-->
<script src="js/responsiveslides.min.js"></script>
<script src="js/main.js"></script>
<script type="text/javascript">
    $( document ).ready( function(){

        $( '#main-picture .slide' ).each( function(){
            var before = $( this ).html();
            $( this ).html( '<div class="leftBack"><div class="rightBack"> ' + before + '</div></div>' );

        } );
        $( "#slider" ).responsiveSlides( {
            manualControls: '#slider-pager',
                speed: 500,
                timeout: 10000
        } );


    } );

</script>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/fonts.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">



<!--[if gte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="css/ie.css" />
<![endif]-->


</head>
<body>
<div class="container">
<div class="row-fluid" id="container">
<div class="row-fluid" style="margin-bottom: 50px">
    <div class="black-block row-fluid" id="head">

        <a href="#"><img src="img/logo.svg" id="logo" ></a>

        <!--<a href="#"><embed  data="img/logo.svg" type="image/svg+xml" id="logo"></embed></a>-->

        <div style="float:right">
            <div id="phones-top" class="white-block" style="float:right">
                <!--<div style="float: left"><img src="img/phone.png"></div> -->
                <div>
                    <ul>
                        <li>(044) <b> 362-12-25</b></li>
                    </ul>

                </div>

            </div>
            <div style="clear:both;"></div>

                <div id="main-menu" style="float: right">
                    <ul class="first-level">
                        <li><span><a href="theatre.php">Театр</span></a>
                            <ul class="second-level">
                                <li><a href="/actors.php">труппа</a></li>
                                <li><a href="#">спектакли</a></li>
                                <li><a href="#">галерея</a></li>
                            </ul>
                        </li>

                        <li><span><a href="/studio.php">Студия</a></span></li>
                        <li><span><a href="#">Курсы</a></span>
                            <ul class="second-level">
                                <li><a href="/actors.php">труппа</a></li>
                                <li><a href="#">спектакли</a></li>
                                <li><a href="#">галерея</a></li>
                            </ul>

                        </li>
                        <li><span><a href="#">Проекты</a></span></li>
                        <li><span><a href="/contacts.php">Контакты</a></span></li>
                    </ul>
            </div>
        </div>


    </div>
</div>

<div class="row-fluid">
    <div class="span12 black-block" id="main-picture">

        <div style="width:940px; margin: 0 auto;">


            <ul class="rslides" id="slider">

                <li>
					<a href="#">
                    <div class="slide" style="background:url('img/slider/gerostrat.jpg') no-repeat  50% 0"></div>
					</a>
                </li>

                <li>
                    <div class="slide" style="background:url('img/slider/sartr1.jpg') no-repeat 50% 0"></div>
                </li>

                <li>
                    <div class="slide" style="background:url('img/slider/gerostrat2.jpg') no-repeat 50% 0"></div>
                </li>

                <li>
                    <div class="slide" style="background:url('img/slider/sartr2.jpg') no-repeat 50% 0"></div>
                </li>

                <li>
                    <div class="slide" style="background:url('img/slider/gerostrat3.jpg') no-repeat 50% 0"></div>
                </li>

                <li>
                    <div class="slide" style="background:url('img/slider/sartr3.jpg') no-repeat 50% 0"></div>
                </li>


            </ul>
        </div>

        <ul id="slider-pager">
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>

    </div>
</div>

<div class="row-fluid white-block" id="content">

    <div class="span3 left-changed"></div>
    <div class="span9 right-changed" class="article">
        <div id="breadcrumbs">
            <ul>
                <li>Театр</li>
                <li>Галерея</li>
            </ul>
        </div>
        <h1 class="leftBlock">О нас</h1>
    </div>
    <div>
        <div class="span3 row-fluid leftBlock left-changed" id="left-menu">
            <!--<div class="span10 offset2">-->
            <div class="menu">
                <ul class="first-level">
                    <li ><a href="theatre.php">театр</a>

                        <ul class="second-level">
                            <li><a>труппа</a></li>
                            <li class="active"><a>спектакли</a></li>
                            <li><a>галерея</a></li>
                        </ul>

                    </li>

                    <li><a>студия</a></li>
                    <li><a>курсы</a></li>
                    <li><a>проекты</a></li>
                    <li><a>контакты</a></li>
                </ul>
            </div>
            <!--</div>-->

            <div style="margin-top: 4em" id="afisha_left">
                <!--Афиша-->
                <h2><a href="#">Афиша</a></h2>

                <ul>
                    <li class="afisha afisha_gray">
                        <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">
                        <div style="text-align: right;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>



                    </li>
                    <li class="afisha afisha_white">

                        <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">
                        <div style="text-align: left;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>

                    </li>
                    <li class="afisha afisha_gray">
                        <img src="img/sartr_main_afisha.jpg" style="float: left; width: 100px">
                        <div style="text-align: right;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


                    </li>
                    <li class="afisha afisha_white">

                        <img src="img/sartr_main_afisha.jpg" style="float: right; width: 100px">
                        <div style="text-align: left;">
                            <span style="font-size: 1.5em;">25.11 19.00</span><br>
                            Театр Актер
                        </div>
                        <div style="clear: both;"></div>
                        <div style="text-align: center; font-weight: bold;  margin-top: 1em; ">«Забыть Герострата»</div>


                    </li>

                </ul>


            </div>


        </div>
        <div id="text" class="span9 row-fluid right-changed">
            <div class="span11">
                <div class="theatre">
                    <p>
                        Драматический театр–студия <span style="font-size:1.5em">«Классик»</span> создан в октябре 2010
                        года.
                        В <a href="#">труппу театра</a> вошли лучшие выпускники театральных вузов, училищ, актерских
                        школ,
                        талантливые девушки и ребята.
                    </p>

                    <p>
                        В <a href="#">репертуаре театра</a> - пьесы современных авторов и признанных классиков мировой
                        драматургии, поставленные и сыгранные в лучших традициях классического <b>театра
                        переживания.</b>
                    </p>

                    <p>
                        <img src="img/main_theatre.jpg" style="margin-bottom: 20px; margin-top: 15px;">
                        <br>
                        <b>Главный герой почти всех наших спектаклей</b> – это человек, очень тонко чувствующий жизнь и
                        то, что вокруг него происходит, человек, способный на настоящие поступки, жаждущий
                        перемен и понимания своего предназначения в этом мире.
                        А задачей актеров - проникновение в природу психологии этого человека и отображение ее
                        на сцене.

                    </p>

                    <p>
                        Возможно, поэтому первой постановкой нашего театра стал спектакль по пьесе <a href="#">Ж.П.Сартра
                        «За закрытыми дверями»</a> а сам театр получил название <span
                            style="font-size:1.5em">«Классик»</span>.
                    </p>
                </div>

                <div class="studio">
                    <h2>Студия</h2>

                    <div class="grayBlock">
                        Производится <a href="#">набор в группу</a>.<br> Предварительная запись.<br>
                        Телефоны:
                        <ul style="list-style: square;">
                            <li>(050) 413-95-40</li>
                            <li>(067) 859-11-69</li>
                            <li>(093) 992-32-40</li>
                        </ul>
                    </div>

                    <p>
                        При театре <span style="font-size:1.5em">«Классик»</span> работает <a href="#">актерская
                        студия</a>.
                    </p>


                    <p>
                    <h5 style="color: #000">Основная задача студии</h5>
                    <span>Обучение актерскому мастерству молодежи</span> с целью раскрытия
                    их творческого потенциала, поиск и задействование в различных творческих проектах
                    (включая спектакли и кинофильмы) молодых и талантливых индивидуальностей.
                    </p>
                    <div style="padding-top: 20px; ">
                        <img src="img/main_school.jpg"
                             style="float: left; margin-right: 20px; margin-right: 40px; margin-bottom: 20px;">

                        <h4 style="color: #000">В программе комплексного обучения</h4>
						
                        <ul class="learning" style="float:left;">
                            <li>Актерское мастерство</li>
                            <li>Техника речи</li>
                            <li>Пластика</li>
                            <li>Драматический вокал</li>
                            <li>Теория актерского мастерства</li>

                            <li>Актерские тренинги</li>
                            <li>Работа перед видеокамерой</li>
                            <li>Мастер классы с участием известных <br>режиссеров, актеров, дикторов</li>
                            <li>Постановка спектакля</li>

                        </ul>
						
                    </div>
                    <div style="clear:both;"></div>

                    <p>
                        Занятия в актерской студии проводят <b><a href="#">опытные педагоги</a> в вечернее время по
                        будням и в
                        дневное время по выходным дням.</b>
                    </p>

                    <p>
                        Мы продолжаем конкурсный отбор наших лучших учеников в театр-студию <span
                            style="font-size:1.5em">«Классик»</span>.
                    </p>

                </div>


            </div>
        </div>


    </div>
</div>

<div class="row-fluid black-block" id="footer">
    <div id="footer-info" class="leftBlock" >
        Театр-студия Классик<br>
        (050)413-95-40<br>
        (067)859-11-69<br>
        (093)992-32-40<br>


    </div>

    <div id="social" class="rightBlock" >
        <ul>
            <li class="facebook"><a href="facebook.com"></a></li>
            <li class="vk"><a href="vk.com"></a></li>
            <li class="youtube"><a href="youtube.com"></a></li>

        </ul>

    </div>

</div>

</div>
</div>

</body>
</html>